<template>
	<view class="info">
		<navbar title="信息页" bgcolor="#6252DF" txcolor="#ffffff"></navbar>
		
		<view>
			<image class="info-top" src="https://yuchengpic.oss-cn-hangzhou.aliyuncs.com/img/info-top.png" mode="aspectFit"></image>
		</view>
		
		<view class="main bgwhite">
			<view class="fc222 fs40">选择参赛形式</view>
			<view class="menu acea-row row-around row-middle" 
			@click="urlclick(`/pages/home/person?huodong_id=${huodong_id}&one_price=${one_price}&xiangmu_id=${xiangmu_id}&is_no_check=${is_no_check}`)">
				<view class="text themecolor" style="margin-top: -30rpx;">
					<view class="fs36 bold">个人参赛</view>
					<view class="join">点击进入</view>
				</view>
				<view>
					<image class="icon" src="https://yuchengpic.oss-cn-hangzhou.aliyuncs.com/img/icon01.png" mode="aspectFit"></image>
				</view>
			</view>
			
			<view class="menu acea-row row-around row-middle" 
			@click="urlclick(`/pages/home/team?huodong_id=${huodong_id}&two_price=${two_price}&more_price=${more_price}&xiangmu_id=${xiangmu_id}&is_no_check=${is_no_check}`)">
				<view class="text themecolor" style="margin-top: -30rpx;">
					<view class="fs36 bold">团队参赛</view>
					<view class="join">点击进入</view>
				</view>
				<view>
					<image class="icon" src="https://yuchengpic.oss-cn-hangzhou.aliyuncs.com/img/icon01.png" mode="aspectFit"></image>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import navbar from '../../components/navbar.vue';
	export default {
		components:{
			navbar
		},
		data() {
			return {
				huodong_id:'',
				one_price:'',
				two_price:'',
				more_price:'',
				xiangmu_id:'',
				is_no_check:'',
				
			};
		},
		onLoad(option) {
			this.huodong_id = option.huodong_id;
			this.one_price = option.one_price;
			this.two_price = option.two_price;
			this.more_price = option.more_price;
			this.xiangmu_id = option.xiangmu_id;
			this.is_no_check = option.is_no_check
		},
		methods:{
			urlclick(url){
				uni.navigateTo({
					url: url
				})
			}
		}
	}
</script>

<style lang="scss">
	.info{
		
		.info-top{
			width: 100%;
			height: 364rpx;
		}
		
		.main{
			width: 100%;
			padding: 30rpx;
			
			.menu{
				width: 640rpx;
				height: 188rpx;
				border-radius: 98rpx;
				background: rgba(98, 82, 223, 0.1);
				margin: 30rpx auto 0 auto;
				overflow: hidden;
				
				.text{
					
					.join{
						width: 144rpx;
						height: 44rpx;
						border-radius: 44rpx;
						background: #FFFFFF;
						box-sizing: border-box;
						border: 1rpx solid rgba(98, 82, 223, 0.5);
						font-size: 22rpx;
						text-align: center;
						line-height: 44rpx;
						margin-top: 20rpx;
					}
					
				}
				
				.icon{
					width: 192rpx;
					height: 192rpx;
					margin-top: 30rpx;
				}
			}
		}
		
	}
</style>
